* {
    padding: 0;
    margin: 0;
   color: #fff;
   box-sizing: border-box;
   }
   iframe{
       position: sticky;
       top: 0 px;
       width: 100%;
       height: 50px;
   }
   p{font-weight:bold;}
           span{text-decoration:underline;}
   
   .messages {
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 290px;
    width:800px ;
    padding: 50px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;background: linear-gradient( to right bottom, rgba(255,255,255,.6), rgba(255,255,255,.3),rgba(255,255,255,.2) );

  border: 2px solid #bcb9b9;
   border-radius: 40px;
    background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(rgb(41, 67, 143)),color-stop(1.5,rgb(156, 156, 215)));
     box-shadow: 0 4px 4px rgba(175, 192, 238, 0.3);
   }
   
   .form {
    display: flex;
   justify-content: center;
   position: relative;
    flex-direction: column;
    width: 100%;
   height: 500px;
   
   }
   
   input:focus,
   textarea:focus {
    outline: none;
   }
   
   input,
   textarea {
   border: none;
    color: #000;
   margin-bottom: 90px;
   border: 2px solid #b0afaf;
   border-radius: 10px;
padding: 10px;
   }
   
   #username {
   height: 100px;
   }
   
   #message {
    height: 200px;
   }
   
   .messages h1 {
   width: 100%;
   text-align: center;
    margin-bottom: 30px;
    font-size: 40px;
    background-color: rgb(5, 45, 165);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
   letter-spacing: 10px;
   }
   
 
   